<template>
  <div>
    <h1>点击li必须使用编程式导航</h1>
    <li @click="Songs(1)">青藏高原</li>
    <li @click="Songs(2)">三天三夜</li>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },

  created () {},

  methods: {
    Songs (id) {
      this.$router.push({
        path: '/songs' + id,
        params: {
          id: id
        }
      })
    }
  }
}
</script>

<style scoped lang="less"></style>
